import Vue from 'vue'
// 引入svg组件
import SvgIcon from '@/components/SvgIcon'// svg component

// 全局注册svg组件
/* <svg-icon></svg-icon>    使用svg图标      */
Vue.component('svg-icon', SvgIcon)

// require.context是webpack的官方语法=>实现批量导入文件
// require.context(directory,useSubdirectories,regExp)
// directory:所在的位置
// useSubdirectories布尔值  表示查找不查找子目录
// regExp 正则 需要导入文件的特征
const req = require.context('./svg', false, /\.svg$/)
// req.key()拿到所有要导入的文件路径
// console.log(req.keys())
// 定义了一个函数，这个函数会和所有要导入的路径集合 批量导入
const requireAll = requireContext => requireContext.keys().map(requireContext)
// 批量导入
requireAll(req)
// 只做了一件事：导入所有svg文件夹下面的svg图标
// 配合到后面说的svg精灵兔（webpack插件 svg-sprties-loader）讲导入的svg，弄到一个大容器中
